<style>
    .doc-center-bg {
        border-radius: 5px;
        background-color: #FFFFFF;
        margin-top: 100px;
        box-shadow: 0px 0.5px 2px #ebebeb;
        -moz-box-shadow: 0px 0.5px 2px #ebebeb;
        -o-box-shadow: 0px 0.5px 2px #ebebeb;
        -webkit-box-shadow: 0px 0.5px 2px #ebebeb;;
    }
    .doc-col-div {
        height: 400px;
        border: solid 1px #ebebeb;
        display: table-cell;
    }
    .doc-col-div-front {
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }
    .doc-col-div-middle {
        border-right: solid 0px #ebebeb;
        border-left: solid 0px #ebebeb;
    }
    .doc-col-div-last {
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
    }

    .row-title {
        text-align: center;
        height: 50px;
        padding-bottom: 20px;
    }
    .row-title > h4{
        line-height: 50px;
    }
    .col-content > li {
        position: relative;
    }
    .date,.more {
        position: absolute;
        right: 10px;
        font-size: 12px;
        line-height: 16px;
    }
    .date {
        line-height: 16px;
        margin-top: 5px;
    }
    .more {
        right: 25px;
        padding-top: 5px;
        margin-left: 20px;
    }
    .col-content > li {
        line-height: 25px;
    }
    .col-content > li > a{

    }
    .top-img {
        height: 24px;
    }
</style>


<div class="doc-center-bg container">
    <div class="row-title">
        <h4 class="">平台公告</h4>
    </div>
<div class="row">
    <%
        var content = '';
        var count = 0;
        function loadHtml(item,rowCount) {
            let classify = item.classify;
            let docList = item.docs;

            var html = `<div class="col-xs-${12 / rowCount} doc-col-div">`;
            html += "<div class=\"col-title\">";
            html += `<h5>${classify.name}<span class="more"><a href=""></a></span></h5>`
            //html += `<h5>${classify.name}<span class="more"><a href="">查看更多</a></span></h5>`
            html += "</div>";
            html += "<div class=\"col-content\">";
            for(doc of docList) {
                if (doc.weight !== 1) {
                    html += `<li><a target="_blank" href="/ueditor/doc?id=${doc._id}">${doc.name}</a><span class="date">${doc.updateTime}</span></li>`;
                } else {
                    html += `<li><a target="_blank" href="/ueditor/doc?id=${doc._id}">${doc.name}</a><span><img class="top-img" src="/images/top.png"></span><span class="date">${doc.updateTime}</span></li>`;
                }
            }
            html += "</div></div>";
            count++;
            return html;
        }
    %>
    <%
        let rowCount = docs.length;
        for(item of docs) {
            content += loadHtml(item,rowCount);
        }
    %>
    <%-content%>
    <!--<div class="col-xs-4 doc-col-div doc-col-div-front">-->
        <!--<div class="col-title">-->
            <!--<h5>iOS 动态</h5>-->
        <!--</div>-->
        <!--<div class="col-content">-->
            <!--<li><a href="/doc/ios/如何成为iOS代理机？">如何成为iOS代理机？</a><span><img class="top-img" src="/images/top.png" alt=""></span><span class="date">日期</span></li>-->
            <!--<li><a href="/doc/ios/如何成为iOS代理成为iOS代理成为iOS代理成为iOS代理机？">如何成代理成为iOS代理？</a><span class="date">日期</span></li>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="col-xs-4 doc-col-div doc-col-div-middle">-->
        <!--<div class="col-title">-->
            <!--<h3>Android 动态</h3>-->
        <!--</div>-->
        <!--<div class="col-content">-->
            <!--<li><a href="">Android 打包平台正式上线</a></li>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="col-xs-4 doc-col-div doc-col-div-last">-->
        <!--<div class="col-title">-->
            <!--<h3>实用工具</h3>-->
        <!--</div>-->
        <!--<div class="col-content">-->
            <!--<li><a href="">SSL 证书下载</a></li>-->
        <!--</div>-->
    <!--</div>-->
</div>

</div>